<template>
  <div>
    <breadcrumb class="breadcrumb-container"></breadcrumb>
    <!-- <el-row>
      <el-button type="text" size="small" :class="active === 0 ? 'active' : ''" @click="active = 0">微信相关培训</el-button>
      <el-button type="text" size="small" :class="active === 1 ? 'active' : ''" @click="active = 1">支付宝相关培训</el-button>
      <el-button type="text" size="small" :class="active === 2 ? 'active' : ''" @click="active = 2">网商银行相关培训</el-button>
      <el-button type="text" size="small" :class="active === 3 ? 'active' : ''" @click="active = 3">平安银行相关培训</el-button>
      <el-button type="text" size="small" :class="active === 4 ? 'active' : ''" @click="active = 4">其他相关培训</el-button>
    </el-row> -->
    <el-row>
      <item-wx v-if="active === 0"></item-wx>
    </el-row>
  </div>
</template>

<script>
import Breadcrumb from '@/components/Breadcrumb'
import ItemWx from './components/wx'
export default {
  name: 'train',
  components: {
    Breadcrumb,
    ItemWx
  },
  data() {
    return {
      active: 0
    }
  }
}
</script>

<style lang="scss" scoped>
  .el-row{
    .el-button{
      color: #666;
      background: #d2d2d2;
      border-radius: unset;
      padding: 5px 15px;
    }
    .active{
      color: #fff;
      background: #007eff;
    }
  }
</style>
